<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!-- saved from url=(0024)http://www.hasbei.com/zx -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--<base target="_blank">-->
    <base href="." target="_blank">
    <title>有贝口腔网-互联网综合口腔服务网站</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="/css/swiper.min.css">

    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commtwo.css">
    <link rel="stylesheet" href="/css/commthree.css">
    <link rel="shortcut icon" href="/icon/icon.png" type="image/x-icon">

    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/zxindex.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/zxindex(1).css">


    <script src="/js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/footfixed.js"></script>

    <script src="/js/right-lub.js"></script>
<!--    <script src="/js/index.js"></script>-->
    <script src="/js/index(1).js"></script>
    <script src="/js/swiper.min.js"></script>
    <script src="http://www.hasbei.com/static/layer/layer.js" type="text/javascript"></script>
    <link rel="stylesheet" href="http://www.hasbei.com/static/layer/theme/default/layer.css?v=3.1.1"
          id="layuicss-layer">
</head>
<body>
<div class="content">


    <div th:replace="./common/hasbei_top"></div>
    <div th:replace="./common/hasbei_top_user"></div>


    <div class="content-main">
        <div class="main-tab">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <li th:class="${consultType==null}?'main-tab-active':''">
                        <a href="/consult/main" target="_self">今日推荐</a></li>
                    <li th:class="${consultType=='10'}?'main-tab-active':''">
                        <a href="/consult/main?indexPage=1&list=10" target="_self">热门</a></li>
                    <li th:class="${consultType=='11'}?'main-tab-active':''">
                        <a href="/consult/main?indexPage=1&list=11" target="_self">最新</a></li>
                </ul>
            </div>
        </div>

        <div class="man-info">
            <!--left 牙齿分类-->
            <div th:replace="common/hasbei_left"></div>

            <div class="main-tab-center">

                <div class="main-info-list" style="margin-top:0px;">
                    <div id="myContentList">


                        <div class="list-item" th:each="value : ${consultList}">
                            <div class="list-item-left">
                                <a th:href="@{'/consult/solo/'+${value.aid}}">
                                    <img th:src="@{${value.imgpath}}" alt="有贝口腔网">
                                </a>
                            </div>
                            <div class="list-item-right">
                                <div class="list-item-title">
                                    <a th:href="@{'/consult/solo/'+${value.aid}}" th:text="${value.a_title}"></a>
                                </div>
                                <div class="list-item-content-text">
                                    <a th:href="@{'/consult/solo/'+${value.aid}}" th:utext="${value.a_content}"></a>
                                </div>
                                <div class="list-item-info">

                                    <a th:href="@{'/consult/type/?type='+${value.tid}}"><span class="tui-jian" th:text="${value.tname}"></span></a>
                                    <!-- <span class="come-on" th:text="${vo.sourceName}"></span> -->

                                    <div class="ping-lun">
                                        <a th:href="@{'/consult/solo/'+${value.aid}}">
                                            <img src="/icon/pinglun.png"><span th:text="${value.count}">0</span>评论
                                        </a>
                                    </div>
                                    <div class="shou-cang">
                                        <a th:href="@{'/consult/solo/'+${value.aid}}"><img
                                                src="/icon/shoucang.png"><span th:text="${value.collect_count}">0</span>收藏</a></div>
                                    <div class="yue-du"><a
                                            th:href="@{'/consult/solo/'+${value.aid}}"><img
                                            src="/icon/yuedu.png"><span th:text="${value.read_count}">8</span>阅读</a></div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${value.dateTime}">8小时前</span>
                                </div>
                            </div>

                        </div>



                    </div>
                    <div class="more-content">
                        <div class="load-more" style="display:none;">
                            <img src="/img/load-more.gif" alt="有贝口腔网">
                            <span>加载中</span>
                        </div>
                        <div class="load-more-two load-more-fade" th:onclick="loadData([[${type}]])">点击加载更多</div>
                        <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                    </div>


                </div>

            </div>

            <div class="aside-left">
                <div class="aside-image">

                    <div class="main-publish">
                        <a href="http://www.hasbei.com/about/link" target="_blank">
                            <img src="/icon/ad-c.png" alt="有贝口腔网诊所">
                        </a>
                    </div>
                    <div class="main-publish">
                        <a href="http://www.hasbei.com/about/link" target="_blank">
                            <img src="/icon/ad-d.png" alt="有贝口腔网厂家">
                        </a>
                    </div>
                    <div class="main-publish">
                        <a href="javascript:;" target="_self" onclick="showPlanFun()">
                            <img src="/icon/ad-e.png" alt="有贝口腔网在线看牙">
                        </a>
                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">专家推荐</div>

                    <div class="wonderful-list" >
                        <div class="wonderful-item" th:each="var : ${zjList}">
                            <a th:href="@{'/consult/solo/'+${var.aid}}">
                                <div class="wonderful-item-img"><img
                                        th:src="@{${var.imgpath}}"
                                        alt="有贝口腔网预防牙周病要做好这些！"></div>
                                <div class="wonderful-item-text" th:text="${var.a_title}">预防牙周病要做好这些！</div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">大家都在看</div>
                    <a th:each="var : ${djList}" th:href="@{'/consult/solo/'+${var.aid}}">
                        <div class="wonderful-item-style">
                            <div class="wonderful-item-icon"><span></span></div>
                            <div class="wonderful-text" th:text="${var.a_title}">牙齿贴面有那些种类呢?</div>
                        </div>
                    </a>
                </div>


            </div>
        </div>
    </div>

    <!--网页底部-->
    <div th:replace="common/hasbei_bottom"></div>


    <script>
        $(function(){
            // 加载更多内容
            $(window).scroll(function () {
                var scrollTop = $(this).scrollTop();
                var scrollHeight = $(document).height();
                var windowHeight = $(this).height();
                if ((scrollTop + windowHeight) == (scrollHeight)) {
                    //loadData();
                }
            });
        })

        var current=1;
        var finish=false;
        function loadData(type){//加载更多按钮
            if(finish){
                return ;
            }
            $(".load-more").show();
            $(".load-more-two").hide();
            $(".no-data").hide();
            var cateId=$("#cateId").val();
            current++;

            var data={};
            data["current"] = current;
            data["type"] = type;
            data["cateId"]= cateId;
            $.ajax({
                type: "POST",
                url: basePath + "consult/append",
                data: data,
                success: function (data) {
                    $(".load-more").hide();
                    //如果没有数据了就隐藏
                    if(data.length==0){
                        finish=true;
                        $(".no-data").show();
                    }else{
                        $(".load-more-two").show();
                        $("#myContentList").append(data);
                    }
                }
            });




        }
        //点击推荐，热门，推荐
        function clickType(obj,val){
            type=val;
            current=0;
            finish=false;
            $(".main-info-list").html("");
            $(".main-tab-ul li").removeClass("active");
            $(obj).addClass("active");
            loadData();
        }

    </script>

</div>


</body>
</html>